<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<h:head>
<style>
.ui-panelgrid td{
	border-color: #ffffff;
}
.fondo {
	background-image: url("../../resources/imagenes/fondo_transp.png");
	background-repeat: no-repeat;
	background-position: right;
	background-opacity: 0.6;
}
</style>
</h:head>
<body>
	<h:form>
		<p:panel id="basic" header="Confeccionar Presupuesto"
			style="width:600px" styleClass="fondo">
			<h:panelGrid columns="2" cellpadding="5" style="width:100%">

				<h:outputLabel value="Salón:" />
				<p:inputText value="Pepito Panda" style="width:97%"/>

				<h:outputLabel value="Tipo de evento:" />
				<p:selectOneMenu style="width:245px">
					<f:selectItem itemLabel="Casamiento" itemValue="0" />
					<f:selectItem itemLabel="Cumpleaños de 15" itemValue="1" />
					<f:selectItem itemLabel="Bautismo" itemValue="2" />
				</p:selectOneMenu>

				<h:outputLabel value="Fecha de evento:" />
				<p:calendar id="cal" navigator="true" pattern="dd-MM-yyyy"
					showOn="button"/>

				<h:outputLabel value="Cantidad de Invitados:" />
				<p:spinner value="50" min="50" size="3"/>

				<h:outputLabel value="Cantidad Mínima de Invitados:" />
				<p:spinner value="50" min="50" size="3"/>

				<h:outputLabel value="Menús:" />
				<p:commandButton value="Seleccionar Menús" type="button"
					onclick="PF('dialogoMenu').show();" style="width:100%"/>


				<h:outputLabel value="Bebidas:" />
				<p:commandButton value="Seleccionar Bebidas" type="button"
					onclick="PF('dialogoBebidas').show();" style="width:100%"/>

				<h:outputLabel value="Servicio Adicional:" />
				<p:commandButton value="Seleccionar Servicios" type="button"
					onclick="PF('dialogoServicios').show();" style="width:100%"/>


				<h:outputLabel value="Fecha:" />
				<h:outputLabel value="09-06-2014" />
			</h:panelGrid>
			<br />
			<p:separator />
			<br />

			<h:panelGrid columns="1" cellpadding="5">
				<p:commandButton value="Guardar" id="iconOnly" icon="ui-icon-disk" />
				<br/>
				<h:commandLink value="Imprimir">
					<p:dataExporter type="pdf" target="tbl" fileName="" pageOnly="true" />
				</h:commandLink>
			</h:panelGrid>
		</p:panel>


		<p:dialog header="Seleccionar Menús" showEffect="fade"
			hideEffect="clip" widgetVar="dialogoMenu" modal="true" height="200"
			width="500" resizable="false" >
			<p:panelGrid columns="2" style="width:100%" styleClass="sinBorde">
				<p:outputLabel value="Tipo de Menú:" />
				<p:selectOneMenu value="" style="width:245px">
					<f:selectItem itemLabel="Entrada" itemValue="" />
					<f:selectItem itemLabel="Plato frío" itemValue="1" />
					<f:selectItem itemLabel="Plato caliente" itemValue="2" />
					<f:selectItem itemLabel="Infantil" itemValue="3" />
				</p:selectOneMenu>

				<p:outputLabel value="Menú:" />
				<p:selectOneMenu value="" style="width:245px">
					<f:selectItem itemLabel="Select One" itemValue="" />
					<f:selectItem itemLabel="Option 1" itemValue="1" />
					<f:selectItem itemLabel="Option 2" itemValue="2" />
					<f:selectItem itemLabel="Option 3" itemValue="3" />
				</p:selectOneMenu>

				<p:commandButton value="Agregar" update="display" />
			</p:panelGrid>
			<p:outputPanel id="display" style="width:100%;margin-top:10px">

				<p:dataList value="#{checkboxView.selectedCities}" var=""
					emptyMessage="No se han agregado menús."></p:dataList>
			</p:outputPanel>
		</p:dialog>

		<p:dialog header="Seleccionar Bebidas" showEffect="fade"
			hideEffect="clip" widgetVar="dialogoBebidas" modal="true"
			height="200" width="500" resizable="false">
			<p:panelGrid columns="2" style="border:none;width:100%;">
				<p:outputLabel value="Bebida:" />
				<p:selectOneMenu value="">
					<f:selectItem itemLabel="Cerveza" itemValue="" />
					<f:selectItem itemLabel="Champagne" itemValue="1" />
				</p:selectOneMenu>

				<p:outputLabel value="Cantidad:" />
				<p:spinner value="1" min="1" size="3" />

				<p:commandButton value="Agregar" update="display" />
			</p:panelGrid>
			<p:outputPanel id="display" style="width:100%;margin-top:10px">

				<p:dataList value="#{checkboxView.selectedCities}" var=""
					emptyMessage="No se han agregado bebidas."></p:dataList>
			</p:outputPanel>
		</p:dialog>

		<p:dialog header="Seleccionar Servicios Adicionales" showEffect="fade"
			hideEffect="clip" widgetVar="dialogoServicios" modal="true"
			height="200" width="500" resizable="false">
			<p:panelGrid columns="2" style="border:none;width:100%;">
				<p:outputLabel value="Servicio:" />
				<p:selectOneMenu value="">
					<f:selectItem itemLabel="Cerveza" itemValue="" />
					<f:selectItem itemLabel="Champagne" itemValue="1" />
				</p:selectOneMenu>

				<p:outputLabel value="Cantidad:" />
				<p:spinner value="1" min="1" />

				<p:commandButton value="Agregar" update="display" />
			</p:panelGrid>
			<p:outputPanel id="display" style="width:100%;margin-top:10px">

				<p:dataList value="#{checkboxView.selectedCities}" var=""
					emptyMessage="No se han agregado servicios."></p:dataList>
			</p:outputPanel>
		</p:dialog>

	</h:form>
</body>
</html>
